草庐IT

jQuery Mobile 表单

全部标签

javascript - 如何防止使用 Parsleyjs 从 DOM 中删除表单验证错误

我正在使用parsleyjs验证密码字段.密码有三个要求,因此有三个验证消息:密码至少需要8个字符需要一个特殊字符需要一个号码当验证返回成功时,我不希望消息被删除,而是保留在原地并视觉上设置消息的样式,在这种情况下带有绿色复选标记(默认情况下消息有红色错误图标)。所以基本上想添加一个类或删除并保留DOM中的消息。例如,当插入一个整数时,验证可能如下所示:欧芹是否可以防止默认行为(删除消息)并将成功的类添加到相应的错误消息(而不仅仅是错误列表容器)?这是我目前所拥有的和一个codependemo$(function(){$('.form').parsley();});window.Par

javascript - 在多步模式中显示第一个表单

我从网上复制了这段代码,来自here它用于通过滑出旧字段集并滑入新字段集来在单个模态中显示多个表单。Addflatadf....adf....它工作正常,但是当我在第二个或第三个或第四个字段集中关闭模态时,它会显示我停止的字段集。因此,每当我单击按钮打开模式时,我都尝试执行上一个按钮将执行的操作(滑出当前字段集并显示前一个字段集)。我的应用程序中有5个字段集。我跟踪当前的字段集,当再次打开模态时,我滑出关闭模态之前存在的字段集并显示第一个字段集。但这不行..我在一个较大的字段集上看到一个较小的字段集,有时我除了模态标题什么都看不到,有时只是一个小的字段集,如下图所示,它全都搞砸了。如何

javascript - 如何判断表单上的数据是用户输入的还是浏览器输入的?

我有一个结帐表单,它会显示一个弹出式调查,询问他们为什么在5秒后还没有开始填写表单。但是,我需要能够检查用户是否实际输入了数据,而不是通过浏览器的自动填充功能输入的数据(我在javascript或jQuery中特别忽略的标记中的任何预填充数据集)。现在我的解决方案是让setTimeout运行一个函数,该函数检查在输入类型(输入、选择、文本区域)上的jQuery.focus或.change事件上设置为false的变量(true或false)。但是,由于javascript可能会在用户能够使用表单元素后加载,因此我必须在弹出调查之前检查用户是否输入了数据。如果在用户对表单字段执行任何操作后

javascript - 如何获得iframe提交表单的响应?

我有一个使用iframe调用的表单,现在当提交该表单时,我想在调用iframe的主站点中捕获响应,并根据它启用/禁用主页中的按钮.请任何人帮助我.. 最佳答案 您可以使用window.postMessageAPI。这是一个HTML5特性,并不是所有的浏览器都支持这个特性在Iframe和父站点中,您需要检查浏览器是否支持postMessageif(typeofwindow.postMessage!='undefined'){}你可以发送你的信息window.parent.postMessage("test","*");在您的父站点(主

javascript - ExtJS - 表单提交

我有代码:win=desktop.createWindow({id:'admin-win',title:'Addadministrationusers',width:740,height:480,iconCls:'icon-grid',animCollapse:false,constrainHeader:true,xtype:'form',bodyPadding:15,url:'save-form.php',items:[{xtype:'textfield',fieldLabel:'Field',name:'theField'}],buttons:[{text:'Submit',han

javascript - javascript表单验证中的可访问性

这是我要解决的盲人社区的一个重要问题。我如何告诉盲人访问者用户名已被占用?我当前的设置并不重要,但对于示例情况,我目前有一个Jquery实现,它通过ajax根据php脚本检查用户输入,它返回一个json,然后我将其显示在屏幕上的错误字段中.非常基本,超出了我的问题范围,因为它运行良好。但如果我是盲人,我不会注意到用户名Batman已被占用或不能包含空格,而且我的密码至少需要7个字符。或者,在没有使用javascript的情况下提交表单后,错误会列在错误登录页面上-它很笨拙,但可以正常工作。更好、更动态的解决方案和支持将是最佳选择。 最佳答案

javascript - 如何让表单在提交之前等待 ajax 完成?

因此,只有当使用ajax从数据库验证条件时,我才想提交一个表单。如果条件为真,我正在使用preventDefault()方法,即如果用户不是居民,则在ajaxsuccesssfunction和preventDefault中将变量设置为true()被调用,但是,执行此操作时,表单始终会提交。即使async设置为false,它也不会等待ajax完成。这是代码。$('#button').click(function(e){if($('#ca_resident').prop('checked')==true){amount=$('#user-amount').val().replace(/[,

javascript - Bootstrap 3 Tabs 和 HTML5 表单验证

验证隐藏选项卡上的元素的经典问题。我已经阅读了一百篇包含复杂解决方法的帖子。有没有人有更简单、更优雅的解决方案,适用于一般情况?即没有专门针对每种形式进行编码?HTML5promise提供一个优雅的解决方案。但是Tabs搞砸了......谢谢更多……?来自Bootstrap示例。如果您有标记为“必填”的字段(HTML5验证),验证将不适用于非事件(隐藏)选项卡。而且我相信其他javascript验证技术也会因制表符而失败。我希望有人有很好的通用技术来解决,不需要在每个页面上写入代码。HTML5验证非常干净-直到您添加标签...它不会提交。但它也不会报错...HomeProfileMes

javascript - 测试 React 表单组件

在我的类似教程的应用程序中,我有一个AddForm组件:varReact=require('react');varInput=require('react-bootstrap').Input;varTeamActions=require('../actions/team_actions.js');varAddForm=React.createClass({handleFormSubmit:function(e){e.preventDefault();varname=this._trimmedValue(this.refs.name);varrating=this._trimmedVal

javascript - Meteor 使用 namedContext 将 InvalidKeys 添加到返回错误的 AutoForm 表单

我有以下SimpleSchema,我试图在其中添加自定义验证以验证是否输入重复的客户名称,但每当我尝试保存新客户时,我都会收到错误消息:Exceptionindeliveringresultofinvoking'adminCheckNewCustomerName':TypeError:Cannotreadproperty'namedContext'ofnull有人可以告诉我我在这里做错了什么/遗漏了什么以根据重复记录验证客户名称吗?谢谢schema.js:AdminSection.schemas.customer=newSimpleSchema({CustomerName:{type: